<template>
	
	<!-- Todo任务项列表 -->
	<div class="todoList">
		<!-- v-for 指令  生成多个todo项 --> 
		<!-- <todo-item v-for="i in 9" :key="i"></todo-item> -->
		<todo-item v-for="(item,i) in itemList" :key="i" 
		:item="item" :i="i"
		:delItem="delItem"></todo-item>
<!--        <div v-for="(item,i) in itemList" :key="i">
			任务{{i+1}}:{{item}} <button>X</button>
		</div> -->
		<!-- <todo-item></todo-item>
		<todo-item></todo-item>
		<todo-item></todo-item>
		<todo-item></todo-item>
		<todo-item></todo-item> -->
	</div>
</template>

<script>
	//1.导入
	import TodoItem from"./TodoItem.vue"
	
	export default {
		//2.注册 局部
		components:{
			TodoItem,
		},
		props:{
			itemList:Array,
			delItem:Function,
		}
		// props:["itemList"]
	}
</script>

<style>
</style>
